Typecho HTML5预加载-白红宇

Typecho HTML5预加载

阅读量：5864 次

发布时间：2019-06-19

本文共 3880 字，大约阅读时间需要 12 分钟。

天下文章一大抄，你通过搜索引擎搜索 HTML5预加载，估计只能找到诸如“ WP实现HTML5预加载”的方法。

不知道的还以为只有WP可以实现HTML5预加载呢~

火狐下引入的预加载使用方法

文档

谷歌下预加载使用方法

文档

代码如下：


            
     <     
     script      
     src=     
     "http://html5shiv.googlecode.com/svn/trunk/html5.js"     
     >      
     
            
     
            
     
      is('     
     index')):      
     ?>     
     
            
     <     
     link      
     rel=     
     "prefetch"      
     href=     
     "
      options->siteUrl(); ?>"     
     >      
     
            
     <     
     link      
     rel=     
     "prerender"      
     href=     
     "
      options->siteUrl(); ?>"     
     >      
     
       	     
     
      is('     
     post')):      
     ?>     
     
            
     <     
     link      
     rel=     
     "prefetch"      
     href=     
     "
      permalink() ?>"     
     >      
     
            
     <     
     link      
     rel=     
     "prerender"      
     href=     
     "
      permalink() ?>"     
     >

上面的代码有错误。

我仔细查找了国外的一些文档。

例如客户正在阅读，我们这里认为这是第一篇文章

那么客户很可能会去阅读我们认为这是第二篇文章。

因此，我们假设当前页面为B，上一页为A，下一页为C

我们需要插入代码

那么，在客户访问B页面的时候，浏览器会偷偷的加载 A和C的页面，如果索性客户点击了A和B页面，就是秒开了。。。

但是我并不知道这个功能会不会降低 B页面的速度，如果会降低，显然是没有任何意义的，反而起了反作用。

如果一定要做

首页，预加载最新一片日志

因为考虑到效率等问题，做了下舍取，我只在post做预加载。

代码如下，分为2部分

第一部分，将以下代码加入functions.php ，代码来自有修改


      fetchRow($xdb->()->from('table.contents')                         ->where('table.contents.created < ?', $t->created)                      ->where('table.contents.status = ?', 'publish')                      ->where('table.contents.type = ?', $t->type)                      ->where('table.contents.password IS NULL')                      ->order('table.contents.created', Typecho_Db::SORT_DESC)                      ->limit(1));                   (($xrs)==0){                      ($isLink){                           0:                               "这已经是第一篇了亲~";                              ;                           1:                               "http://henmang.net";  //注意把这里修改为你本人的网址                             ;                      }                   }                  ;               'next':                  $xrs = $xdb->fetchRow($xdb->()->from('table.contents')                         ->where('table.contents.created > ?',$t->created)                      ->where('table.contents.status = ?', 'publish')                      ->where('table.contents.type = ?', $t->type)                      ->where('table.contents.password IS NULL')                      ->order('table.contents.created', Typecho_Db::SORT_ASC)                      ->limit(1));                      (($xrs)==0){                      ($isLink){                           0:                               "木有下一篇了~";                              ;                           1:                               "http://henmang.net";  //注意把这里修改为你本人的网址                             ;                      }                   }                  ;          }              ($xrs){              $xrs = $t->filter($xrs);              ($isLink==0){                   $xrs['title'];              }{                   $xrs['permalink'];                  }              }          }

然后在header.php加入


      is('post')): ?> 
        
       
      "> 
       
      "> 
       
      "> 
       
      ">

如果你一定要在首页预加载第一篇日志，可以试试下面的代码，很蛋疼


        
       
      is('index')): ?>
       
       
       
       
       	
      is('post')): ?>
       
      "> 
       
      "> 
       
      "> 
       
      ">